@mixin above($breakpoint) {
  @media screen and (min-width: $breakpoint) {
    @content;
  }
}

@mixin below($breakpoint) {
  @media screen and (max-width: $breakpoint) {
    @content;
  }
}

@mixin between($lower, $upper) {
  @media screen and (min-width: $lower) and (max-width: $upper) {
    @content;
  }
}
